<!--?xml version="1.0" encoding="UTF-8" ?-->
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
<html id="bp-doc" lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gabel&amp;Co</title>

<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link href="images/gco_icon.gif" rel="shortcut icon">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>
    <script src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js" type="text/javascript"></script>
    
    <script src="http://malsup.github.com/jquery.easing.1.3.js" type="text/javascript"></script>
    <script type="text/javascript">
  	$(document).ready(function(){
	 	$('#div2').css('left',$('#wrapper').width()).show();
	 	$('#div3').css('left',$('#wrapper').width()).show();
	 	$('#div4').css('left',$('#wrapper').width()).show();       
 	 	$('#div5').css('left',$('#wrapper').width()).show();       
 	 	$('#div6').css('left',$('#wrapper').width()).show();       
        var utils = {
    		maskWidth : $('#wrapper').width(),
    		currIndex : 0,
    		dashboard_h: 510,
    		dashboard_m: 732,
    		gallery: 510,
    		find_us: 650,
    		menu:100,
			delay_time:300,
    		
    		setWidths : function(){
        	//setting maskWidth
        	utils.maskWidth = $('#wrapper').width();

            $('.full').each(function(index){
            	if(parseInt($(this).css('left')) > 0){
            		$(this).css('left',utils.maskWidth);
            	}
            }); 
        	//$('#duzina').html($(window).width());        
	        if ( 290 >= ($('#wrapper').width()) ){
	        	utils.dashboard_h = 425;
				utils.dashboard_m = 605;
				utils.find_us = 540;
	        	$('.logo_img').css('width',100); 
				$('.logo_img').css('height',16); 
	            $('.zuruck img, .zuruck2 img, .zuruck3 img, .zuruck5 img, .zuruck6 img').css('width',60);
	            $('.pageBranding').css('height',40);
	            $('.logo_bar').css('padding-top',10);
	        	$('.logo_img img').css('width',100); 
				$('.logo_img img').css('height',16); 
				$('.zuruck, .zuruck2, .zuruck3,.zuruck5, .zuruck6').css('top',10);  
				$('.menu_title_text').css('font-size',18);
				$('.menu_title').css('min-height',21);  
				$('.menu_art').css('min-height',23);
				$('.facebook_img').attr('height',53);
				$('.facebook_img').attr('width',65);
				$('.facebook_img').css('bottom',38);
				$('.pageFooter').css('height',15);
				$('.gallery_img').attr('height',133);
				$('.gallery_img').attr('width',200);
				$('.gallery_img').css('height',133);
				$('.gallery_img').css('width',200);					
				$('.pics img').css('min-height',133);
				$('.pics img').css('min-width',200);
				$('.pics').css({width: '220px', height: '250px'});
				//$('.gallery_img').each(function(index){
				//	$(this).css('height',133);
				//	$(this).css('width',200);
				//});	
					     	
				$('.dashboard_img').attr('width',50);
				$('.dashboard_img').attr('height',50);
				$('#btnMenu').css('height',54);
				$('#btnGallery').css('height',54);
				$('#btnRestaurant').css('height',54);
				$('#btnFindUs').css('height',54);
				$('#btnFruhstuck').css('height',54);
				$('#btnSpeisekarte').css('height',54);
				$('#btnNachmittag').css('height',54);
				$('#btnDesserts').css('height',54);
				$('#btnCafe').css('height',54);
				$('#btnTageskarte').css('height',54);
				$('#btnSaisonales').css('height',54);
																												
				$('.tekst').css('padding-top',19);
				$('.tekst').css('padding-left',10);
				$('.tekst2').css('padding-top',19);
				$('.tekst2').css('padding-left',10);				
				$('.tekst_spec').css('padding-top',19);
				$('.arrow').css('padding-top',14);
				$('.tekst_spec').css('padding-left',10);
				$('.btnicon img').css({height:'40px', width:'40px'});
				$('.btnicon').css({right: '98px', top: '8px'});					
				if ( 510 == parseInt($('#wrapper').height()) ){
					$("#wrapper").css("height", "425px");
				}
				if ( 650 == parseInt($('#wrapper').height()) ){
					$("#wrapper").css("height", "470px");
				}
				if ( 732 == parseInt($('#wrapper').height()) ){
					$("#wrapper").css("height", "605px");
				}
				if ( 960 == parseInt($('#wrapper').height()) ){
					$("#wrapper").css("height", "805px");
				}
				$('#pomoc').css('top', 75);
				$('.spache_holder').css('height',16);
				$('#progress').css('top',-300);							
	        }
	        else{
	        	utils.dashboard_h = 512;
	        	utils.dashboard_m = 732;
	        	utils.find_us = 650;
	        	$('.logo_img').css('width',152); 
				$('.logo_img').css('height',25); 
	            $('.zuruck img, .zuruck2 img, .zuruck3 img, .zuruck5 img , .zuruck6 img').css('width',72);
	            $('.pageBranding').css('height',60);
	            $('.logo_bar').css('padding-top',18);
	        	$('.logo_img img').css('width',152); 
				$('.logo_img img').css('height',25); 
				$('.zuruck, .zuruck2, .zuruck3, .zuruck5, .zuruck6').css('top',16);
				$('.menu_title_text').css('font-size',24);
				$('.menu_title').css('min-height',34);           	
				$('.menu_art').css('min-height',35);
				$('.facebook_img').attr('height',70);
				$('.facebook_img').attr('width',80);
				$('.facebook_img').css('bottom',45);
				$('.pageFooter').css('height',30);
				//$('.gallery_img').attr('height',193);
				//$('.gallery_img').attr('width',290);
				//$('.gallery_img').css('height',193);
				//$('.gallery_img').css('width',290);				
				$('.pics img').css('min-height',193);
				$('.pics img').css('min-width',290);
				$('.pics').css({width: '300px', height: '290px'});
				
				$('.dashboard_img').attr('width',63);
				$('.dashboard_img').attr('height',63);
				$('#btnMenu').css('height',67);
				$('#btnGallery').css('height',67);
				$('#btnRestaurant').css('height',67);
				$('#btnFindUs').css('height',67);
				$('#btnFruhstuck').css('height',67);
				$('#btnSpeisekarte').css('height',67);
				$('#btnNachmittag').css('height',67);
				$('#btnDesserts').css('height',67);
				$('#btnCafe').css('height',67);
				$('#btnTageskarte').css('height',67);
				$('#btnSaisonales').css('height',67);				
				$('.tekst').css('padding-top',25);
				$('.tekst').css('padding-left',20);
				$('.tekst2').css('padding-top',25);
				$('.tekst2').css('padding-left',20);									
				$('.tekst_spec').css('padding-top',25);				
				$('.arrow').css('padding-top',20);
				$('.tekst_spec').css('padding-left',20);
				$('.btnicon img').css({height:'50px', width:'50px'});
				$('.btnicon').css({right: '120px', top: '10px'});					
				if ( 425 == parseInt($('#wrapper').height()) ){
					$("#wrapper").css("height", "510px");
				}
				if ( 565 == parseInt($('#wrapper').height()) ){
					$("#wrapper").css("height", "650px");
				}
				if ( 605 == parseInt($('#wrapper').height()) ){
					$("#wrapper").css("height", "732px");
				}
				if ( 855 == parseInt($('#wrapper').height()) ){
					$("#wrapper").css("height", "960px");
				}
				$('#pomoc').css('top', 103);
				$('.spache_holder').css('height',20);
				$('#progress').css('top',-390);																			        	
	        }
	        if( 228 >= ($('#wrapper').width()) ){
	        	 $('.zuruck img, .zuruck2 img, .zuruck3 img, .zuruck5 img, .zuruck6 img').css('width',40);
	        	 $('.zuruck, .zuruck2, .zuruck3, .zuruck5, .zuruck6').css('top',14);
	        }
    		}
		}
        $(window).resize(function() { //on resize, reset widths and margins
   			 utils.setWidths();

		});
        utils.setWidths(); //first time, set everything
       
        /*$('.gallery_img').click(function(){
        	if ( 600 >= ($('#wrapper').width()) ){
        		$('.gallery_img').each(function(index){
					$(this).css('height',133);
					$(this).css('width',200);
				});	
        	}else{
        		
        	}
        }); */ 
		$('#btnGallery').click(function(){
			$("#wrapper").css("height", utils.dashboard_h);
		    $('#div1').animate({'left':-$('#wrapper').width()});
		    $('#div2').animate({'left':0});
		});
		$('.zuruck').click(function(){
			$(".zuruck img").attr('src','images/zuruck_p.png');  
		    $('#div2').delay(utils.delay_time).animate({'left':$('#wrapper').width()});
		    $('#div1').delay(utils.delay_time).animate({'left':0},function(){$(".zuruck img").attr('src','images/zuruck_k.png');
		    $("#wrapper").css("height", utils.dashboard_h);
		    utils.setWidths();
		    });
			
		});
		$('#btnMenu').click(function(){
			$("#wrapper").css("height", utils.dashboard_m);
		    $('#div1').animate({'left':-$('#wrapper').width()});
		    $('#div3').animate({'left':0}).show();
   		});
		$('.zuruck2').click(function(){
			$(".zuruck2 img").attr('src','images/zuruck_p.png');  
		    $('#div3').delay(utils.delay_time).animate({'left':($('#wrapper').width())});
		    $('#div1').delay(utils.delay_time).animate({'left':0},function(){$(".zuruck2 img").attr('src','images/zuruck_k.png');
		    $("#wrapper").css("height", utils.dashboard_h);
		    utils.setWidths();
		    });
			
		});
		

		$('#btnFruhstuck').click(function(){
			$('#pomoc').css("left",$('#wrapper').width()).show();
			$("#wrapper").css("height", utils.dashboard_h);
		    $('#pomoc').animate({'left':0});			
		    $('#div3').animate({'left':-$('#wrapper').width()});
		    $('#div4').animate({'left':0});
		    scrollTo(0,0);
		    loadPage('robot-cms-test/robot-cms/index.php/custom/restaurant/carte/6');			
		});
				
		$('#btnCafe').click(function(){
			$('#pomoc').css("left",$('#wrapper').width()).show();
			$("#wrapper").css("height", utils.dashboard_h);
		    $('#pomoc').animate({'left':0});			
		    $('#div3').animate({'left':-$('#wrapper').width()});
		    $('#div4').animate({'left':0});
		    scrollTo(0,0);
		    loadPage('robot-cms-test/robot-cms/index.php/custom/restaurant/carte/10');			
		});
		$('#btnSpeisekarte').click(function(){
			$('#pomoc').css("left",$('#wrapper').width()).show();
			$("#wrapper").css("height", utils.dashboard_h);
		    $('#pomoc').animate({'left':0});			
		    $('#div3').animate({'left':-$('#wrapper').width()});
		    $('#div4').animate({'left':0});
		    scrollTo(0,0);
		    loadPage('robot-cms-test/robot-cms/index.php/custom/restaurant/carte/3');			
		});   
			
		$('#btnDesserts').click(function(){
			$('#pomoc').css("left",$('#wrapper').width()).show();
			$("#wrapper").css("height", utils.dashboard_h);
		    $('#pomoc').animate({'left':0});			
		    $('#div3').animate({'left':-$('#wrapper').width()});
		    $('#div4').animate({'left':0});
		    scrollTo(0,0);
		    loadPage('robot-cms-test/robot-cms/index.php/custom/restaurant/carte/7');			
		});  
		$('#btnSaisonales').click(function(){
			$('#pomoc').css("left",$('#wrapper').width()).show();
			$("#wrapper").css("height", utils.dashboard_h);
		    $('#pomoc').animate({'left':0});			
		    $('#div3').animate({'left':-$('#wrapper').width()});
		    $('#div4').animate({'left':0});
		    scrollTo(0,0);
		    loadPage('robot-cms-test/robot-cms/index.php/custom/restaurant/carte/11');
   		});
		$('#btnNachmittag').click(function(){
			$('#pomoc').css("left",$('#wrapper').width()).show();
			$("#wrapper").css("height", utils.dashboard_h);
		    $('#pomoc').animate({'left':0});			
		    $('#div3').animate({'left':-$('#wrapper').width()});
		    $('#div4').animate({'left':0});
		    scrollTo(0,0);
		    loadPage('robot-cms-test/robot-cms/index.php/custom/restaurant/carte/8');
   		});
		$('#btnTageskarte').click(function(){
			$('#pomoc').css("left",$('#wrapper').width()).show();
			$("#wrapper").css("height", utils.dashboard_h);
		    $('#pomoc').animate({'left':0});			
		    $('#div3').animate({'left':-$('#wrapper').width()});
		    $('#div4').animate({'left':0});
		    scrollTo(0,0);
		    loadPage('robot-cms-test/robot-cms/index.php/custom/restaurant/carte/1');
   		});
   		
		$('.zuruck3').click(function(){
			$(".zuruck3 img").attr('src','images/zuruck_p.png');  
		    $('#div4').delay(utils.delay_time).animate({'left':($('#wrapper').width())});
		    $('#pomoc').delay(utils.delay_time).animate({'left':($('#wrapper').width())});
		    $('#div3').delay(utils.delay_time).animate({'left':0},function(){
		    	$(".zuruck3 img").attr('src','images/zuruck_k.png');
		    	$("#pomoc").hide();
		    	$("#pomoc").html('');
		    	$('#div4 .menu_title_text').html('');
		    	utils.setWidths();
		    });
		    scrollTo(0,0);
			setTimeout ( function(){$("#wrapper").css("height", utils.dashboard_m);}, utils.delay_time); 
			
		}); 
		
		
		$('#btnRestaurant').click(function(){
			$("#wrapper").css("height", "960px");
		    $('#div1').animate({'left':-$('#wrapper').width()});
		    $('#div5').animate({'left':0});
		});
		$('.zuruck5').click(function(){
			$(".zuruck5 img").attr('src','images/zuruck_p.png');  
		    $('#div5').delay(utils.delay_time).animate({'left':($('#wrapper').width())});
		    $('#div1').delay(utils.delay_time).animate({'left':0},function(){$(".zuruck5 img").attr('src','images/zuruck_k.png');
		    $("#wrapper").css("height", utils.dashboard_h);
		    utils.setWidths();});
		    
		});
		
		$('#btnFindUs').click(function(){
			$("#wrapper").css("height", utils.find_us);
		    $('#div1').animate({'left':-$('#wrapper').width()});
		    $('#div6').animate({'left':0}, function(){
		    	
		    });
		});
		$('.zuruck6').click(function(){
			$(".zuruck6 img").attr('src','images/zuruck_p.png');   
		    $('#div6').delay(utils.delay_time).animate({'left':($('#wrapper').width())});
		    $('#div1').delay(utils.delay_time).animate({'left':0},function(){
		    	$(".zuruck6 img").attr('src','images/zuruck_k.png');
		    	$("#wrapper").css("height", utils.dashboard_h);
		    	utils.setWidths();
		    });
			
		});		
		function loadPage(url){
			$('body').append('<div id="progress">Lade...</div>');
			if(utils.dashboard_h == 425){
				$('#progress').css('top',-300);
			}
			else if (utils.dashboard_h == 512){
				$('#progress').css('top',-390);
			}
			
			if(url == undefined){
				
			}
			else{
				$('#div4 .menu_title_text').load(url + ' #menu_title_text');
				$('#pomoc').load(url + ' #loadba', hijackLinks);

			}
		}
		
		function hijackLinks(){
			
			$('#progress').remove();
			$("#wrapper").css("height", "170px");
		}
		$('#right').cycle({ 
		    fx:     'fade', 
		    speed:   300, 
		    timeout: 3000, 
		    next:   '#right', 
		    pause:   1 
		});
		
		$('#s2').cycle({
        fx:'scrollLeft',
        next:'#s2',
        timeout:0,
        easing:'easeInOutBack'});
	});  

    </script>
    <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-29512710-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body id="begin_gb" class="collection">
	
<div id="wrapper">
    <div class="full" id="div1">
    	<div class="bg">
		 <div class="pageHeader">
		       <div class="pageBranding">
		           <div class="logo_bar">
		           		<div class="logo_img">
		                	<img alt="" src="images/logo.png" width="152" height="25"  />
		                </div>
		           </div>
		       </div>
		       <div class="menu_art">
		       		<div class="menu_title">
		            	<div class="menu_title_text">
		<!-- Menu Caption ------------------ -->                
		                <span>Café Bar Restaurant</span>
		            	</div>
		            </div>
		       </div>
		  </div>
		 
		  <div class="content">
		 	<div class="spache_holder"></div>  
		    <div id="btnMenu">
		    	<div class="btimage">
		        	<img class="dashboard_img" border="0" alt="" height="63" width="63" src="images/img_Menu.jpg"  />
		         </div>
		        <div class="tekst">Menü</div>
		        <div class="arrow"><img border="0" alt="" src="images/arrow.jpg"  /></div>
		        <div class="clearstg"></div>
		    </div>
		    <div id="btnGallery">
		    	<div class="btimage">
		        	<img class="dashboard_img" border="0" alt=""  height="63" width="63" src="images/img_Gallery.jpg"   />
		        </div>
		        <div class="tekst">Galerie</div>
		        <div class="clearstg"></div>
		    </div>
		    <div id="btnRestaurant">
		    	<div class="btimage">
		        	<img class="dashboard_img" border="0" alt="" height="63" width="63" src="images/img_Restaurant.jpg"  />
		        </div>    
		        <div class="tekst">Restaurant</div> 
		        <div class="clearstg"></div>   
		    </div>
		    <div id="btnFindUs">
		     	<div class="btimage">
		        	<img class="dashboard_img" border="0" alt=""  height="63" width="63" src="images/img_FindUs.jpg"  />
		        </div>
		        <div class="tekst_spec">So finden Sie Uns</div>   
		        <div class="clearstg"></div>
		    </div>
		     <div class="spache_holder2"></div>    
		  </div>
		
		 
		  <!-- Footer -->
		  <a href="http://www.facebook.com/pages/GabelCo/126831030662725">
		<img class="facebook_img" border="0" alt="" src="images/facebook.png" style="position:relative; float:right; right:20px; bottom:45px"/>
		</a>
		  <div class="pageFooter">
  		 </div>  
  		 </div> 	
    </div>
    <div class="full" id="div2">
       <div class="bg">
		 <div class="pageHeader">
		 	   <div class="zuruck">
		 	   	  <img alt="" border="0" src="images/zuruck_k.png" />
		 	   </div>
		       <div class="pageBranding">
		           <div class="logo_bar">
		           		<div class="logo_img">
		                	<img alt="" src="images/logo.png" width="152" height="25"  />
		                </div>
		           </div>
		       </div>
		       <div class="menu_art">
		       		<div class="menu_title">
		            	<div class="menu_title_text">
		<!-- Menu Caption ------------------ -->                
		                <span>Galerie</span>
		            	</div>
		            </div>
		       </div>
		  </div>
		 
		  <div class="content">
		 	<div class="spache_holder"></div>
		 	<div class="spache_holder"></div>
				<div id="s2" class="pics"> 
				    <img class="gallery_img" src="images/photo_1.jpg" width="200" height="133"/> 
				    <img class="gallery_img" src="images/photo_3.jpg" width="200" height="133"/> 
				    <img class="gallery_img" src="images/photo_4.jpg" width="200" height="133"/> 
				    <img class="gallery_img" src="images/photo_5.jpg"  width="200" height="133"/> 
				    <img class="gallery_img" src="images/photo_6.jpg" width="200" height="133"/> 
				    <img class="gallery_img" src="images/photo_7.jpg" width="200" height="133"/> 
				    <img class="gallery_img" src="images/photo_8.jpg" width="200" height="133"/> 
		    
				</div> 
		 	<div class="spache_holder"></div>		 	    
		     <div class="spache_holder"></div>    
		  </div>
		
		 
		  <!-- Footer -->
		  <a href="http://www.facebook.com/pages/GabelCo/126831030662725">
		<img class="facebook_img"  border="0" alt="" src="images/facebook.png" style="position:relative; float:right; right:20px; bottom:45px"/>
		</a>
		  <div class="pageFooter">
  		 </div>       	
  		</div>
    </div>
	<div class="full" id="div3">
		<div class="bg">
		 <div class="pageHeader">
		 	   <div class="zuruck2">
		 	   	  <img alt="" border="0" src="images/zuruck_k.png" />
		 	   </div>
		       <div class="pageBranding">
		           <div class="logo_bar">
		           		<div class="logo_img">
		                	<img alt="" src="images/logo.png" width="152" height="25"  />
		                </div>
		           </div>
		       </div>
		       <div class="menu_art">
		       		<div class="menu_title">
		            	<div class="menu_title_text">
		<!-- Menu Caption ------------------ -->                
		                <span>Menü</span>
		            	</div>
		            </div>
		       </div>
		  </div>
		 
		  <div class="content">
			 	<div class="spache_holder"></div>  
			    <div id="btnFruhstuck">
			    	<div class="btimage">
			        	<img class="dashboard_img" border="0" alt="" height="63" width="63" src="images/button_menu_top.jpg"  />
			         </div>
			        <div class="tekst2">Frühstück</div>
			         <div class="btnicon">
			        	<img border="0" alt="" height="63" width="63" src="images/fru.png"  />
			         </div>
			        <div class="clearstg"></div>
			    </div>
			    <div id="btnCafe">
			    	<div class="btimage">
			        	<img class="dashboard_img" border="0" alt=""  height="63" width="63" src="images/button_menu_middle_i.jpg"   />
			        </div>
			        <div class="tekst2">Café</div>
			        <div class="btnicon">
			        	<img border="0" alt="" height="63" width="63" src="images/caf.png"  />
			         </div>
			        <div class="clearstg"></div>
			    </div>
			    <div id="btnSpeisekarte">
			    	<div class="btimage">
			        	<img class="dashboard_img" border="0" alt=""  height="63" width="63" src="images/button_menu_middle_i.jpg"   />
			        </div> 
			        <div class="tekst2">Speisekarte</div> 
			         <div class="btnicon">
			        	<img border="0" alt="" height="63" width="63" src="images/gab.png"  />
			         </div>           
			        <div class="clearstg"></div>   
			    </div>
			    <div id="btnNachmittag">
			     	<div class="btimage">
			        	<img class="dashboard_img" border="0" alt=""  height="63" width="63" src="images/button_menu_middle_i.jpg"   />
			        </div>
			        <div class="tekst2">Nachmittag</div>   
			         <div class="btnicon">
			        	<img border="0" alt="" height="63" width="63" src="images/nac.png"  />
			         </div>
			        <div class="clearstg"></div>
			    </div>
			    <div id="btnDesserts">
			    	<div class="btimage">
			        	<img class="dashboard_img" border="0" alt=""  height="63" width="63" src="images/button_menu_middle_i.jpg"   />
			        </div>
			        <div class="tekst2">Desserts</div> 
			          <div class="btnicon">
			        	<img  border="0" alt="" height="63" width="63" src="images/kol.png"  />
			         </div>           
			        <div class="clearstg"></div>   
			    </div>
			    <div id="btnTageskarte">
			    	<div class="btimage">
			        	<img class="dashboard_img" border="0" alt=""  height="63" width="63" src="images/button_menu_middle_i.jpg"   />
			        </div>  
			        <div class="tekst2">Tageskarte</div> 
			         <div class="btnicon">
			        	<img  border="0" alt="" height="63" width="63" src="images/kar.png"  />
			         </div>          
			        <div class="clearstg"></div>   
			    </div> 
			     <div id="btnSaisonales">
			    	<div class="btimage">
			        	<img class="dashboard_img" border="0" alt=""  height="63" width="63" src="images/button_menu_bottom.jpg"   />
			        </div>  
			        <div class="tekst2">Saisonales</div> 
			         <div class="btnicon">
			        	<img border="0" alt="" height="63" width="63" src="images/sai.png"  />
			         </div>          
			        <div class="clearstg"></div>   
			    </div>          
			     <div class="spache_holder2"></div>     
		  </div>
		
		 
		  <!-- Footer -->
		  <a class="facebook_img" href="http://www.facebook.com/pages/GabelCo/126831030662725">
		<img class="facebook_img"  border="0" alt="" src="images/facebook.png" style="position:relative; float:right; right:20px; bottom:45px"/>
		</a>
		  <div class="pageFooter">
  		 </div>       	
	</div>
	</div>
	<div class="full" id="div4">
		<div class="bg">
		<div class="pageHeader">
		 	   <div class="zuruck3">
		 	   	  <img alt="" border="0" src="images/zuruck_k.png" />
		 	   </div>
		       <div class="pageBranding">
		           <div class="logo_bar">
		           		<div class="logo_img">
		                	<img alt="" src="images/logo.png" width="152" height="25"  />
		                </div>
		           </div>
		       </div>
		       <div class="menu_art">
		       		<div class="menu_title">
		            	<div class="menu_title_text">
		<!-- Menu Caption ------------------ -->                
		                <span> </span>
		            	</div>
		            </div>
		       </div>
		  </div>
		<div class="spache_holder"></div> 		 
		  <div id="content">
		       <div class="spache_holder2"></div>
		  	   <div class="spache_holder2"></div>
			   <div class="spache_holder2"></div>
			   <div class="spache_holder2"></div>  
		  	   <div class="spache_holder2"></div>
			   <div class="spache_holder2"></div>
		       <div class="spache_holder2"></div>
		  	   <div class="spache_holder2"></div>
			   <div class="spache_holder2"></div>
			   <div class="spache_holder2"></div>  
		  	   <div class="spache_holder2"></div>
			   <div class="spache_holder2"></div>
			   <div class="spache_holder2"></div>   			    
		  </div>
	   </div>
	</div>
    <div class="full" id="div5">
    	<div class="bg">
		 <div class="pageHeader">
		 	   <div class="zuruck5">
		 	   	  <img alt="" border="0" src="images/zuruck_k.png" />
		 	   </div>
		       <div class="pageBranding">
		           <div class="logo_bar">
		           		<div class="logo_img">
		                	<img alt="" src="images/logo.png" width="152" height="25"  />
		                </div>
		           </div>
		       </div>
		       <div class="menu_art">
		       		<div class="menu_title">
		            	<div class="menu_title_text">
		<!-- Menu Caption ------------------ -->                
		                <span>Restaurant</span>
		            	</div>
		            </div>
		       </div>
		  </div>
		  <div class="about_content" >
		  <div class="spache_holder" ></div>
		  <div class="hes" style="padding-right: 8px;">
		    <img alt="" border="3" src="images/about_us.jpg" style=" border-color: white;">  
		   </div> 	
		  <div class="spache_holder"></div>
		  <span>Gabel&Co.</span><br/>
		  <span>Julius Tandler Platz 1</span><br/>
		  <span>1090 Wien</span><br />
		  <span>Öffnungszeiten: Mo-Sa, 8-24 Uhr, Feiertag 10-24 Uhr</span> <br />
		  <span>Tel: 01 317 0 316</span><br />
		  <div class="spache_holder3"></div>
		  <a href="mailto:reservierung@gabelco.at">reservierung@gabelco.at</a>		  
	 	 <div class="spache_holder3"></div>
		  <div class="text_about">
		  	<span>— Das Gabel&Co. hört auf den Puls der Zeit und auf den Gaumen der Menschen. Der Erfolgsgastronom Vladan Rado Radovanovic vereint wertvolle Wiener Küche mit feinsten handgemachten mediterranen Pasta-Spezialitäten zu einem umfangreichen und köstlichen Geschmackserlebnis.
<br/> — Genießen Sie ein schnelles oder ausgiebiges Frühstück & eine Auswahl an diversen Mittagsmenüs. Abends schlemmen Sie in aller Ruhe à la carte. Eine erlesene Selektion österreichischer & italienischer Weine sorgt schließlich für einen vollmundigen und oft späten Abgang.</span>
		  </div>
		  <span style="font-size: 11px;">
		  	Gabel&Co. © Copyright 2011. All rights reserved.
		  </span>
		  <div class="spache_holder2"></div>
		  </div>
		  <a href="http://www.facebook.com/pages/GabelCo/126831030662725">
		<img class="facebook_img" border="0" alt="" src="images/facebook.png" style="position:relative; float:right; right:20px; bottom:45px"/>
			</a>
		  <div class="pageFooter">
  		 </div>       	
    	 </div>
    </div>
    <div class="full" id="div6">
   	<div class="bg">
		 <div class="pageHeader">
		 	   <div class="zuruck6">
		 	   	  <img alt="" border="0" src="images/zuruck_k.png" />
		 	   </div>
		       <div class="pageBranding">
		           <div class="logo_bar">
		           		<div class="logo_img">
		                	<img alt="" src="images/logo.png" width="152" height="25"  />
		                </div>
		           </div>
		       </div>
		       <div class="menu_art">
		       		<div class="menu_title">
		            	<div class="menu_title_text">
		<!-- Menu Caption ------------------ -->                
		                <span>So finden Sie Uns</span>
		            	</div>
		            </div>
		       </div>
		  </div>
		  <div class="about_content" style="padding-right: 10px;">
		  <div class="spache_holder"></div>
		    <img alt="" border="3" src="images/gabelundco_map.jpg" style="border-color: white">  	
		  <div class="spache_holder"></div>
		  <span>Gabel&Co.</span><br/>
		  <span>Julius Tandler Platz 1</span><br/>
		  <span>1090 Wien</span><br />
		  <span>Öffnungszeiten: Mo-Sa, 8-24 Uhr, Feiertag 10-24 Uhr</span> <br />
		  <span>Tel: 01 317 0 316</span><br />
		  <div class="spache_holder3"></div>
		  <a href="mailto:reservierung@gabelco.at">reservierung@gabelco.at</a>		  
	 	 <div class="spache_holder3"></div>
			  <div class="spache_holder2"></div>
		  </div>
		  <a href="http://www.facebook.com/pages/GabelCo/126831030662725">
		<img class="facebook_img" border="0" alt="" src="images/facebook.png" style="position:relative; float:right; right:20px; bottom:45px"/>
			</a>
		  <div class="pageFooter">
  		 </div>       	
    	 </div>
    </div>    	
    </div>
</div>	
<div id="pomoc"></div>	
   <img src="images/zuruck_p.png" / style="display: none">  
<div id="duzina"></div>
</body>
</html>